<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="tfn" uri="http://www.totoro.com/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>选择服务类型</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/public.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/user/select_apply_after.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/nav.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/iconFont/iconfont.css"/>
    <script src="${pageContext.request.contextPath}/static/js/frame/jquery-3.5.1.min.js"></script>
    <style>
        body, html {
            font-family: "Microsoft YaHei";
        }
    </style>
</head>
<body>
<div id="mallPage" class="tmall- page-not-market">
    <jsp:include page="${pageContext.request.contextPath}/public_page/nav.jsp"></jsp:include>
    <!-- 图片头部 start -->
    <div id="header" class="" data-spm="a2226n0">
        <div class="headerLayout">
            <div class="headerCon ">
                <h1 id="mallLogo" data-spm-anchor-id="a220l.8161292.a2226n0.i0.103f5429vVaSD1">
    <span class="mlogo">
        <a href="//www.tmall.com/" title="天猫Tmall.com"><s></s>天猫Tmall.com</a>
    </span>
                    <span class="slogo">
        <a href=""></a>
                    </span>
                </h1>
                <div class="header-extra">
                </div>
            </div>
        </div>
    </div>
    <!-- 图片头部 end-->

    <!-- 选择服务类型身体 start -->
    <div id="content">

        <!-- S 天猫面包屑 -->

        <div class="mod_crumbs" data-spm-anchor-id="a220l.8161292.0.i0.103f5429vVaSD1">
            <div class="mod_crumbs_l">
                您的位置： <a href="//www.tmall.com">首页</a><span>&gt;</span>
                <a href="//i.taobao.com/my_taobao.htm" target="_blank">我的淘宝</a><span>&gt;</span>
                <a href="//trade.taobao.com/trade/itemlist/list_bought_items.htm" target="_blank">已买到的宝贝</a>
            </div>
            <p class="mod_crumbs_r">
            </p>
        </div>
        <!-- E 天猫面包屑 -->
        <div id="App" class="tmall">
            <div id="applyrouter" class="applyrouter">
                <div id="root_1" class="applyrouter-root">
                    <div id="rootContainer_1" class="mod-container container applyrouter-rootContainer"
                         style="overflow:hidden;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;
                         border-bottom:1px solid #e8e8e8;margin:0 0 20px 0;padding:20px 30px 20px 30px;">
                        <div id="topContainer_1" class="mod-container container applyrouter-topContainer"
                             style="border-bottom:1px solid #e8e8e8;padding:0 0 20px 0;">
                            <div id="itemInfo_1@1" class="mod-iteminfo itemInfo applyrouter-itemInfo">
                                <div class="mod-iteminfo-title">
                                    <div class="mod-iteminfo-tip"></div>
                                </div>
                                <div class="mod-iteminfo-inner" style="background-color:#FFFFFF;">
                                    <div>
                                        <img class="iteminfo-img"
                                             src="${marketSrOrder.product.productImages.get(0).imagePath}"
                                             alt="${marketSrOrder.product.productName}"/>
                                        <span></span>
                                    </div>
                                    <h3 title="${marketSrOrder.product.productName}">
                                        ${marketSrOrder.product.productName}</h3>
                                    <c:set var="skuData" value="${marketSrOrder.product.productSpecs.productSpaceData}"></c:set>
                                    <c:set var="skuDatas" value='${fn:split(fn:replace(fn:replace(skuData, "{" , ""), "}", ""), ",")}'></c:set>
                                    <ul>
                                        <c:forEach begin="0" end="${fn:length(skuDatas)-1}" varStatus="hdVs">
                                            <li>${fn:split(fn:replace(skuDatas[hdVs.index], "\"", ""), "|")[0]}</li>
                                        </c:forEach>
                                    </ul>
                                    <ul class="ext-sku-info">
                                        <li></li>
                                    </ul>
                                    <p class="sku-info">
                                        <fmt:formatNumber value="${marketSrOrder.product.productSpecs.productPrice}" type="currency" pattern=".00"/></p>
                                    <div class="icons"></div>
                                </div>
                            </div>
                        </div>
                        <div id="applyRouterLabel_2" class="mod-label label applyrouter-applyRouterLabel">
                            <div class="mod-label-inner">
                                <div class="mod-label-tit-wrap">
                                    <strong class="mod-label-tit">选择服务类型</strong>
                                    <span class="required">
                                        <span>&nbsp;</span>
                                    </span>
                                </div>
                                <div class="mod-label-val"></div>
                            </div>
                        </div>
                        <div id="bottomContainer_1" class="mod-container mod-grid-c2b container applyrouter-bottomContainer">
                            <div id="leftContainer_1" class="mod-container grid_m container applyrouter-leftContainer">
                                <div class="grid_m_inner"
                                     style="margin:0 28px 0 0;margin-bottom:-9999px;padding-bottom:9999px;width:450px;">
                                    <div id="applyTypesLeftContainer_10" class="mod-applytype-item applyTypeItem applyrouter-applyTypesLeftContainer">
                                        <a href="/dispute/requestApplyAfter.htm?bizOrderId=${param.bizOrderId}&detailId=${marketSrOrder.id}&returnType=0" title="我要退款(无需退货)">
                                            <img src="//img.alicdn.com/tps/TB1a6D0KFXXXXXvXFXXXXXXXXXX-98-88.png" alt="我要退款(无需退货)">
                                            <div class="mod-applytype-col">
                                                <h3 class="mod-applytype-tit">
                                                    我要退款(无需退货)</h3>
                                                <p class="mod-applytype-desc">
                                                    没收到货，或与卖家协商同意不用退货只退款
                                                </p>
                                            </div>
                                        </a>
                                        <div class="mod-applytype-hide"></div>
                                    </div>
                                </div>
                            </div>
                            <div id="rightContainer_1" class="mod-container grid_s container applyrouter-rightContainer"
                                 style="margin-bottom:-9999px;padding-bottom:9999px;width:450px;">
                                <div id="applyTypesRightContainer_6"  class="mod-applytype-item applyTypeItem applyrouter-applyTypesRightContainer">
                                    <a href="/dispute/requestApplyAfter.htm?bizOrderId=${param.bizOrderId}&detailId=${marketSrOrder.id}&returnType=1" title="我要退货退款">
                                        <img src="//img.alicdn.com/tps/TB1NHfKKFXXXXaUaXXXXXXXXXXX-102-102.png" alt="我要退货退款">
                                        <div class="mod-applytype-col">
                                            <h3 class="mod-applytype-tit">
                                                我要退货退款
                                            </h3>
                                            <p class="mod-applytype-desc">
                                                已收到货，需要退还收到的货物
                                            </p>
                                        </div>
                                    </a>
                                    <div class="mod-applytype-hide"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="questionsPcContainer_16" class="mod-questions questions applyrouter-questionsPcContainer">
                        <p class="title">
                        常见问题
                        </p>
                        <div class="description-wrap">
                            <div class="item">
                                <p class="sub-title">
                                    <span>1</span>
                                    <span>. </span>
                                    <span>卖家不发货，怎么办？</span>
                                </p>
                                <div class="sub-description-wrap">
                                    <span>亲，如果卖家迟迟不发货，您可以根据目前订单的状态选择对应方式。</span>
                                    <a class="detail-link" target="_blank" rel="noopener noreferrer"
                                        href="//service.taobao.com/support/alicare/index.htm?from=default&amp;question=如何申请退款">查看更多</a>
                                </div>
                            </div>
                            <div class="item">
                                <p class="sub-title">
                                    <span>2</span>
                                    <span>. </span>
                                    <span>如何申请退款？</span>
                                </p>
                                <div class="sub-description-wrap">
                                    <span>亲，根据您的订单状态的不同，申请的方式也是不一样的。</span>
                                    <a class="detail-link" target="_blank" rel="noopener noreferrer"
                                        href="//service.taobao.com/support/alicare/index.htm?from=default&amp;question=如何申请退款">查看更多</a>
                                </div>
                            </div>
                            <div class="item">
                                <p class="sub-title">
                                    <span>3</span>
                                    <span>. </span>
                                    <span>申请退款后，交易退款成功，钱退到哪里？</span>
                            </p>
                                <div class="sub-description-wrap">
                                    <span>亲，要先查看退款状态哦，只有当订单的退款状态显示【退款成功】时，钱款才会退回原先的支付渠道。</span>
                                    <a class="detail-link" target="_blank" rel="noopener noreferrer"
                                        href="//service.taobao.com/support/alicare/index.htm?from=default&amp;question=如何申请退款">查看更多</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 选择服务类型身体 End-->

    <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/self/product/selectApplyAfter.js"></script>
    <%--    引入尾部--%>
    <jsp:include page="${pageContext.request.contextPath}/public_page/last.html"></jsp:include>
    <jsp:include page="/public_page/open_chat.jsp"></jsp:include>
</div>
</body>
</html>
